<template lang="html">
  <div class="newaddersscontent">
  	<div v-for='(item,index) in name' class='content'>
  		<div class='content-left'>
			<p>{{item.name}}</p>
  		</div>
  		<div class='content-right'>
			<input type="text" :placeholder=[item.news]>
  		</div>
  	</div>
  </div>
</template>

<script>
export default {
  name:'NewAdderssContent',
  props:{
  	name:{
  		type:Array,
  		default:function(){
  			return []
  		}
  	}
  }
}
</script>

<style lang="less" scoped>
.newaddersscontent{
	width: 100%;
	.content{
		width: 100%;
		height: 1rem;
		border-bottom:1px solid #717171;
		line-height:1rem;
		.content-left{
			width: 20%;
			height: 100%;
			float: left;
			text-align:center;
			p{
				font-size:0.35rem;
				color:#000;
			}
		}
		.content-right{
			width: 80%;
			float: left;
			height: 100%;
			input{
				height: 0.6rem;
				font-size:0.30rem;
			}
		}
	}
}
</style>
